<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>~众慧商城~</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_777489_rnzjs84z75h.css">
    <link rel="stylesheet" href="../css/ZHshopping.css">
</head>
<body>
<header>
    <div class="safe clear">
        <div class="left">
            <span>您好，欢迎来到众慧商城！</span>
            <a href="#">[请登录]</a>
            <a href="#">[免费注册]</a>
            <a href="#">手机逛商城</a>
        </div>
        <div class="right">
            <i class="iconfont icon-ren"></i>
            <a href="#">我的订单</a>
            <a href="#">我的账户</a>
            <i class="iconfont icon-aixin"></i>
            <a href="#">M值充值</a>
            <a href="#">联系客服</a>
            <a href="#" class="none">商家合作</a>
        </div>
    </div>
</header>

<!--搜索栏 开始 -->
<section id="search">
    <div class="safe clear">
        <div class="left">
            <img src="../image/logo.png">
        </div>
        <div class="left">
            <input placeholder="  搜索  商品/品牌/店铺">
            <button type="button">搜索</button>
            <div class="as01">
                <a href="#">拉杆箱</a>
                <a href="#">妈咪包</a>
                <a href="#">煲</a>
                <a href="#">锅</a>
                <a href="#" class="bor-none">背包</a>
            </div>
        </div>
        <div class="right">
            <img src="../image/vip.png">
            <img src="../image/shopping.png">
        </div>
    </div>
</section>
<!--搜索栏 结束 -->

<!--导航栏 开始 -->
<section id="lead">
    <div class="safe clear">
        <div class="left top">
            <div class="all">
                <i class="iconfont icon-fangzi"></i>
                <a>全部商品分类</a>
                <i class="iconfont icon-icon-test"></i>
            </div>
            <div class="fenlei left">
                <div>
                    <i class="iconfont icon-bingxiang"></i>
                    <a href="#">家用电器</a>
                </div>
                <div>
                    <i class="iconfont icon-shouji"></i>
                    <a href="#">电子科技</a>
                </div>
                <div>
                    <i class="iconfont icon-kouhong"></i>
                    <a href="#">护肤美妆</a>
                </div>
                <div>
                    <i class="iconfont icon-mianshi"></i>
                    <a href="#">餐饮美食</a>
                </div>
                <div>
                    <i class="iconfont icon-muyingyongpin"></i>
                    <a href="#">亲子母婴</a>
                </div>
                <div>
                    <i class="iconfont icon-shafa"></i>
                    <a href="#">生活家居</a>
                </div>
                <div>
                    <i class="iconfont icon-weibiaoti2fuzhi08"></i>
                    <a href="#">食品粮油</a>
                </div>
                <div>
                    <i class="iconfont icon-qiche"></i>
                    <a href="#">汽车房产</a>
                </div>
                <div>
                    <i class="iconfont icon-renminbicaiwuzhifu"></i>
                    <a href="#">房贷贷款</a>
                </div>
                <div>
                    <i class="iconfont icon-yiliao"></i>
                    <a href="#">营养保健</a>
                </div>
            </div>
        </div>
        <nav class="left as">
            <a href="#">首页</a>
            <a href="#">兑权益</a>
            <a href="#">花积分</a>
            <a href="#">云积分</a>
        </nav>
        <span class="right">订购电话：4000555706</span>
    </div>
</section>
<!--导航栏 结束 -->

<!--Banner 开始 -->
<section id="banner">
    <div class="safe clear">
        <div class="message right">
            <div class="clear">
                <div class="clear top">
                    <i class="iconfont icon-laba left"></i>
                    <span class="left">众慧快报</span>
                    <a href="#" class="right">更多</a>
                </div>
                <ul>
                    <li><a>【公告】吹风机限时热卖</a></li>
                    <li><a>【公告】韩国护肤美妆馆上线</a></li>
                    <li><a>【公告】新型骗术出现，谨防假冒</a></li>
                    <li><a>【公告】电饭锅正确使用方法</a></li>
                    <li><a>【公告】全新4k乐视影院发布</a></li>
                </ul>
            </div>
            <img src="../image/banner-ad.jpg">
        </div>
    </div>
</section>
<!--Banner 结束 -->

<!--第一层 开始 -->
<section id="floor01">
    <div class="safe">
        <div class="clear top">
            <h1 class="left">整点秒杀</h1>
            <img src="../image/text-1.png" class="left">
        </div>
        <div class="clear lis">
            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-ms-01.png">
                </div>
                <div class="text">
                    <p>德国NICI礼祺Devil夜色小恶魔系列陶瓷刀三件套</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">95.00</h1>
                        <span class="left">+</span>
                        <h1 class="left">95</h1>
                        <span class="left">M值</span>
                    </div>
                </div>
            </div>

            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-ms-02.png">
                </div>
                <div class="text">
                    <p>瑞士WENGER威戈黑色旅行单肩斜跨手提包</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">129.00</h1>
                        <span class="left">+</span>
                        <h1 class="left">129</h1>
                        <span class="left">M值</span>
                    </div>
                </div>
            </div>

            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-ms-03.png">
                </div>
                <div class="text">
                    <p>飞科Flyco全方位智感浮动剃须刀</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">169.00</h1>
                        <span class="left">+</span>
                        <h1 class="left">169</h1>
                        <span class="left">M值</span>
                    </div>
                </div>
            </div>

            <div class="clear left list none">
                <div class="picture">
                    <img src="../image/tu-ms-04.png">
                </div>
                <div class="text">
                    <p>MiLi米力车充/家用一拖三多功能插座</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">249.00</h1>
                        <span class="left">+</span>
                        <h1 class="left">274</h1>
                        <span class="left">M值</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第一层 结束 -->


<!--第二层 开始 -->
<section id="floor02">
    <div class="safe">
        <div class="clear top">
            <div class="left">
                <h1 class="left">众慧精选</h1>
                <img src="../image/text-2.png" class="left">
            </div>
            <div class="right">
                <button type="button" class="on">1</button>
                <button type="button">2</button>
                <button type="button">3</button>
                <button type="button">4</button>
            </div>
        </div>
        <div class="clear lis">
            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-jx-01.png">
                </div>
                <div class="text">
                    <p>美的（Midea）WCS5025 一锅双胆立体加压智能预约微电</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">799</h1>
                        <button type="button" class="right">立即购买</button>
                    </div>
                </div>
            </div>

            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-jx-02.png">
                </div>
                <div class="text">
                    <p>丸美眼霜 紧致眼袋眼凝胶25g </p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">128</h1>
                        <button type="button" class="right">立即购买</button>
                    </div>
                </div>
            </div>

            <div class="clear left list">
                <div class="picture">
                    <img src="../image/tu-jx-03.png">
                </div>
                <div class="text">
                    <p>法国进口红酒 爱慕尔 那瓦尔6支装 送精美醒酒器+6酒杯+海马刀！</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">288</h1>
                        <button type="button" class="right">立即购买</button>
                    </div>
                </div>
            </div>

            <div class="clear left list none">
                <div class="picture">
                    <img src="../image/tu-jx-04.png">
                </div>
                <div class="text">
                    <p>飞科(FLYCO) 电吹风 FH6618 紫色 恒温设计大功率造型</p>
                    <div class="clear price">
                        <span class="left">￥</span>
                        <h1 class="left">79</h1>
                        <button type="button" class="right">立即购买</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第二层 结束 -->


<!--第三层 开始 -->
<section id="floor03">
    <div class="safe">
        <div class="clear top">
            <h1 class="left">超级大牌</h1>
            <img src="../image/text-3.png" class="left">
        </div>
        <img src="../image/jpg-model.png" class="left img-model">
        <div class="clear pics">
            <a href="#"><img src="../image/pp-1.png" class="left"></a>
            <a href="#"><img src="../image/pp-2.png" class="left"></a>
            <a href="#"><img src="../image/pp-3.png" class="left"></a>
            <a href="#"><img src="../image/pp-4.png" class="left"></a>
            <a href="#"><img src="../image/pp-5.png" class="left"></a>
            <a href="#"><img src="../image/pp-6.png" class="left"></a>
            <a href="#"><img src="../image/pp-7.png" class="left"></a>
            <a href="#"><img src="../image/pp-8.png" class="left"></a>
        </div>
    </div>
</section>
<!--第三层 结束 -->


<!--第四层 开始 -->
<section id="floor04">
    <div class="safe">
        <div class="clear top">
            <div class="left">
                <h1 class="left">兑权益</h1>
                <img src="../image/text-4.png" class="left">
            </div>
            <div class="right">
                <button type="button">1</button>
                <button type="button">2</button>
                <button type="button">3</button>
                <button type="button">4</button>
            </div>
        </div>

        <div class="clear ads">
            <div class="left">
                <div class="ad1"><img src="../image/png-1-1.png"></div>
                <div class="ad2"><img src="../image/png-1-2.png"></div>
            </div>
            <div class="left">
                <div class="ad1"><img src="../image/png-2-1.png"></div>
                <div class="ad2"><img src="../image/png-2-2.png"></div>
            </div>
            <div class="left">
                <div class="ad1"><img src="../image/png-3-1.png"></div>
                <div class="ad2"><img src="../image/png-3-2.png"></div>
            </div>
            <div class="left bor-none">
                <div class="ad1"><img src="../image/png-4-1.png"></div>
                <div class="ad2"><img src="../image/png-4-2.png"></div>
            </div>
        </div>
    </div>
</section>
<!--第四层 结束 -->


<!--第五层 广告分隔区 开始 -->
<section id="floor05">
    <div class="safe"><img src="../image/fghaibao.jpg"></div>
</section>
<!--第五层 结束 -->


<!--第六层 商品分类-（1）生活家居 开始 -->
<section id="floor06">
    <div class="safe">
        <div class="up clear">
            <div class="left">
                <p>1F</p>
                <span>生活家居</span>
            </div>
            <nav class="right">
                <a href="#">电饭煲</a>
                <a href="#">吹风机</a>
                <a href="#">洗衣机</a>
                <a href="#">微波炉</a>
                <a href="#">抽烟机</a>
                <a href="#" class="none">更多产品</a>
                <i class="iconfont icon-xiangyou-tianchong"></i>
            </nav>
        </div>
        <div class="down clear">
            <div class="down01 left clear">
                <a href="#" class="left">厨卫大电</a>
                <a href="#" class="left">厨房小电</a>
                <a href="#" class="left">环境电器</a>
                <a href="#" class="left">水家电</a>
                <a href="#" class="left">个人护理</a>
                <a href="#" class="left">厨卫配件</a>
                <img src="../image/sh-001.png">
            </div>
            <img src="../image/sh-datu.jpg" class="down02 left">
            <div class="down03 right clear">
                <div class="left">
                    <div class="kuan"><img src="../image/sh-002.jpg"></div>
                    <p>微波炉 M3-L233B 23L 光波炉</p>
                    <span>￥599.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/sh-003.jpg"></div>
                    <p>W12PCH402E电压力锅</p>
                    <span>￥189.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/sh-004.jpg"></div>
                    <p>洗衣机 M3-L233B 50L</p>
                    <span>￥599.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/sh-005.jpg"></div>
                    <p>M3-L233B 23L 电动剃须刀</p>
                    <span>￥99.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/sh-006.jpg"></div>
                    <p>W12PCH402E微波炉</p>
                    <span>￥489.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/sh-007.jpg"></div>
                    <p>吸尘器 VC14A1-VC 蓝色 卧式 </p>
                    <span>￥399.00</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第六层 商品分类-（1）生活家居 结束 -->


<!--第七层 商品分类-（2）亲子母婴 开始 -->
<section id="floor07">
    <div class="safe">
        <div class="up clear">
            <div class="left">
                <p>2F</p>
                <span> 亲子母婴</span>
            </div>
            <nav class="right">
                <a href="#">NICI</a>
                <a href="#">木玩世家</a>
                <a href="#">知识花园</a>
                <a href="#">好孩子</a>
                <a href="#" class="none">更多产品</a>
                <i class="iconfont icon-xiangyou-tianchong"></i>
            </nav>
        </div>
        <div class="down clear">
            <div class="down01 left clear">
                <a href="#" class="left">母婴用品</a>
                <a href="#" class="left">尿裤湿巾</a>
                <a href="#" class="left">奶粉辅食</a>
                <a href="#" class="left">童装童鞋</a>
                <a href="#" class="left">童装童床</a>
                <a href="#" class="left">玩具乐器</a>
                <img src="../image/qz-001.png">
            </div>
            <img src="../image/qz-datu.jpg" class="down02 left">
            <div class="down03 right clear">
                <div class="left">
                    <div class="kuan"><img src="../image/qz-002.jpg"></div>
                    <p>高真空儿童不锈钢双耳吸管杯</p>
                    <span>￥79.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/qz-003.jpg"></div>
                    <p>W12PCH402E电压力锅</p>
                    <span>￥189.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/qz-004.jpg"></div>
                    <p>洗衣机 M3-L233B 50L</p>
                    <span>￥599.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/qz-005.jpg"></div>
                    <p>M3-L233B 23L 电动剃须刀</p>
                    <span>￥99.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/qz-006.jpg"></div>
                    <p>W12PCH402E微波炉</p>
                    <span>￥489.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/qz-007.jpg"></div>
                    <p>吸尘器 VC14A1-VC 蓝色 卧式 </p>
                    <span>￥399.00</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第七层 商品分类-（2）亲子母婴 结束 -->


<!--第八层 商品分类-（3）服饰箱包 开始 -->
<section id="floor08">
    <div class="safe">
        <div class="up c ">
            <div class="left">
                <p>3F</p>
                <span>服饰箱包</span>
            </div>
            <nav class="right">
                <a href="#">墨镜</a>
                <a href="#">手表</a>
                <a href="#">背包</a>
                <a href="#">冲锋衣</a>
                <a href="#">拉杆箱</a>
                <a href="#" class="none">更多产品</a>
                <i class="iconfont icon-xiangyou-tianchong"></i>
            </nav>
        </div>
        <div class="down clear">
            <div class="down01 left clear">
                <a href="#" class="left">男装</a>
                <a href="#" class="left">女装</a>
                <a href="#" class="left">户外</a>
                <a href="#" class="left">鞋靴</a>
                <a href="#" class="left">箱包</a>
                <a href="#" class="left">拉杆箱</a>
                <img src="../image/fs-001.png">
            </div>
            <img src="../image/fs-datu.jpg" class="down02 left">
            <div class="down03 right clear">
                <div class="left">
                    <div class="kuan"><img src="../image/fs-002.jpg"></div>
                    <p>高真空儿童不锈钢双耳吸管杯</p>
                    <span>￥79.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/fs-003.jpg"></div>
                    <p>W12PCH402E电压力锅</p>
                    <span>￥189.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/fs-004.jpg"></div>
                    <p>洗衣机 M3-L233B 50L</p>
                    <span>￥599.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/fs-005.jpg"></div>
                    <p>M3-L233B 23L 电动剃须刀</p>
                    <span>￥99.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/fs-006.jpg"></div>
                    <p>W12PCH402E微波炉</p>
                    <span>￥489.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/fs-007.jpg"></div>
                    <p>吸尘器 VC14A1-VC 蓝色 卧式 </p>
                    <span>￥399.00</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第八层 商品分类-（3）服饰箱包 结束 -->


<!--第九层 商品分类-（4）电子科技 开始 -->
<section id="floor09">
    <div class="safe">
        <div class="up clear">
            <div class="left">
                <p>4F</p>
                <span>电子科技</span>
            </div>
            <nav class="right">
                <a href="#">Tencent腾讯</a>
                <a href="#">新科Shinco</a>
                <a href="#">小鱼在家</a>
                <a href="#">SSK飚王</a>
                <a href="#">海尔Haier</a>
                <a href="#" class="none">更多产品</a>
                <i class="iconfont icon-xiangyou-tianchong"></i>
            </nav>
        </div>
        <div class="down clear">
            <div class="down01 left clear">
                <a href="#" class="left">独轮车</a>
                <a href="#" class="left">人工智能</a>
                <a href="#" class="left">路由器</a>
                <a href="#" class="left">电脑/平板</a>
                <a href="#" class="left">微型相机</a>
                <a href="#" class="left">创意产品</a>
                <img src="../image/dz-001.png">
            </div>
            <img src="../image/dz-datu.jpg" class="down02 left">
            <div class="down03 right clear">
                <div class="left">
                    <div class="kuan"><img src="../image/dz-002.jpg"></div>
                    <p> 大神 F2 (8675-A) 智尚白</p>
                    <span>￥799.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/dz-003.jpg"></div>
                    <p> 佳能单反D70</p>
                    <span>￥189.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/dz-004.jpg"></div>
                    <p>三星 Galaxy Note4 (N9100)</p>
                    <span>￥2659.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/dz-005.jpg"></div>
                    <p>Beats Pro 录音师专业版 </p>
                    <span>￥1998.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/dz-006.jpg"></div>
                    <p> W12PCH402E智能手环</p>
                    <span>￥489.00</span>
                </div>
                <div class="left">
                    <div class="kuan"><img src="../image/dz-007.jpg"></div>
                    <p> 索尼（SONY）NW-A25HN  </p>
                    <span>￥1399.00</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第九层 商品分类-（4）电子科技 结束 -->


<!--第十层 开始 -->
<section id="floor10">
    <div class="safe">
        <div class="up">
            <div class="left clear b">
                <img src="../image/icon-you.png" class="left">
                <div class="left text">
                    <h1>品质保障</h1>
                    <p>品质护航 购物无忧</p>
                </div>
            </div>
            <div class="left clear b">
                <img src="../image/icon-qi.png" class="left">
                <div class="left text">
                    <h1>七天无理由退换货</h1>
                    <p>为您提供售后无忧保障</p>
                </div>
            </div>
            <div class="left clear b">
                <img src="../image/icon-te.png" class="left">
                <div class="left text">
                    <h1>特色服务体验</h1>
                    <p>为您呈现不一样的服务</p>
                </div>
            </div>
            <div class="left clear b none">
                <img src="../image/icon-help.png" class="left">
                <div class="left text">
                    <h1>帮助中心</h1>
                    <p>您的购物指南</p>
                </div>
            </div>
        </div>
        <div class="down clear">
            <div class="left">
                <h1>购物指南</h1>
                <a href="#">购物流程</a>
                <a href="#">会员介绍</a>
                <a href="#">生活旅行/团购</a>
                <a href="#">常见问题</a>
                <a href="#">大家电</a>
                <a href="#">联系客服</a>
            </div>
            <div class="left">
                <h1>配送方式</h1>
                <a href="#">上门自提</a>
                <a href="#">211限时达</a>
                <a href="#">配送服务查询</a>
                <a href="#">配送费收取标准</a>
            </div>
            <div class="left">
                <h1>支付方式</h1>
                <a href="#">货到付款</a>
                <a href="#">在线支付</a>
                <a href="#">分期付款</a>
                <a href="#">邮局汇款</a>
                <a href="#">公司转账</a>
            </div>
            <div class="left">
                <h1>售后服务</h1>
                <a href="#">售后政策</a>
                <a href="#">价格保护</a>
                <a href="#">退款说明</a>
                <a href="#">返修/退换货</a>
                <a href="#">取消订单</a>
            </div>
        </div>
    </div>
</section>
<!--第十层 结束 -->


<!--页脚 开始-->
<footer>
    <div class="safe">
        <div>
            <span>有任何购物问题请联系客服</span>
            <span>电话：4000555706</span>
            <span class="none">工作时间：周一到周五 9：00-18:00</span>
        </div>
       <div>
           <p>众慧购 © 众慧商城</p>
           <p>Copyright © 2016 深圳迅销科技股份有限公司</p>
           <p>版权所有</p>
           <p>粤ICP备10220869</p>
       </div>
        <p class="p">技术支持：维恩贝特</p>
        <img src="../image/icon-trust.png">
    </div>
</footer>
<!--页脚 结束-->

</body>
</html>